<template>
  <a-layout-header class="header">
    <div class="logo" />
    <a-menu
            theme="dark"
            mode="horizontal"
            v-model:selectedKeys="selectedKeys1"
            :style="{ lineHeight: '64px' }"
    >
      <a-menu-item key="1">nav 1</a-menu-item>
      <a-menu-item key="2">nav 2</a-menu-item>
      <a-menu-item key="3">nav 3</a-menu-item>
    </a-menu>
  </a-layout-header>
</template>

<script lang="ts">
  import { defineComponent,onMounted } from 'vue';

  export default defineComponent({
    name: 'the-header',
  });
</script>


<style>

</style>
